import React from 'react'
import { Button, DotLoading, NavBar } from 'antd-mobile'
import './index.css'
import { useNavigate } from 'react-router-dom'
function Orderdetails() {
    const navigate = useNavigate()
    const [to, setTo] = React.useState(false)
    const click = () => {
        setTo(true)
        setTimeout(() => { setTo(false) }, 2000)
        navigate('/ticketing')
    }
    return (
        <div>
            <NavBar>订单详情</NavBar>
            <div>
                <div>
                    <img src="https://picsum.photos/200/300" alt="" />
                </div>

                <div>"本次画展汇聚了众多国内外知名艺术家的经典作品，展示了不同风格的绘画艺术，让观众能够近距离领略艺术之美。"</div>
            </div>
            <div>50<Button color='warning' onClick={click} >支付</Button></div>
            <div style={{ display: to ? 'block' : 'none' }}>
                <DotLoading />
            </div>

        </div>
    )
}

export default Orderdetails
